﻿body{
  position:relative;
  margin:0;
  -webkit-text-size-adjust:none;
  min-height:416px;
  font-family:helvetica,sans-serif;
  -webkit-background-size:0.438em 100%;
  word-break:break-all;
}
.center{
  margin:auto;
  display:block;
  text-align:center!important
}
img{
  border:0
}
a:hover .arrow,a:hover .arrow2{
  background-position:0 -13px!important;
}
a.middle {
  font-size: 15px;
  margin: 5px 5px 5px 5px;
}
.notice{
  color: #FF0000;
}


@media screen and (max-width:320px){
  #topbar{
  height:44px
}
#title{
  line-height:44px;
  height:44px;
  font-size:16pt
}
#tributton a:first-child,#duobutton a:first-child{
  width:101px
}
#tributton a:last-child,#duobutton a:last-child{
  width:101px
}
#tributton a{
  width:106px
}
#duobutton .links{
  width:195px
}
#tributton .links{
  width:302px
}
#doublead{
  width:300px!important
}
#duoselectionbuttons{
  width:191px;
  height:30px;
  top:7px
}
#triselectionbuttons{
  width:290px;
  height:30px;
  top:7px
}
#triselectionbuttons a:first-child,#duoselectionbuttons a:first-child{
  width:99px;
  height:28px;
  line-height:28px
}
#triselectionbuttons a{
  width:98px;
  height:28px;
  line-height:28px
}
#triselectionbuttons a:last-child,#duoselectionbuttons a:last-child{
  width:99px;
  height:28px;
  line-height:28px
}
.searchbox form{
  width:272px
}
.searchbox input[type="text"]{
  width:275px
}
.menu .name,.stop .name{
  max-width:77%
}
.checkbox .name{
  max-width:190px
}
.radiobutton .name{
  max-width:190px
}
#leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a{
  line-height:30px;
  height:30px
}
#leftnav img,#rightnav img{
  margin-top:4px
}
#leftnav,#leftbutton,#blueleftbutton{
  top:7px
}
#rightnav,#rightbutton,#bluerightbutton{
  top:7px
}
.musiclist .name{
  max-width:55%
}
.textbox textarea{
  width:280px
}
.bigfield input{
  width:295px
}

}
@media screen and (min-width:321px){
  #topbar{
  height:32px
}
#title{
  line-height:32px;
  height:32px;
  font-size:13pt
}
.menu .name,.stop .name{
  max-width:85%
}
.checkbox .name{
  max-width:75%
}
.radiobutton .name{
  max-width:75%
}
#leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a{
  line-height:24px;
  height:24px
}
#leftnav img,#rightnav img{
  margin-top:4px;
  height:70%
}
#leftnav,#leftbutton,#blueleftbutton{
  top:4px
}
#rightnav,#rightbutton,#bluerightbutton{
  top:4px
}
.musiclist .name{
  max-width:70%
}
.textbox textarea{
  width:440px
}
#tributton a:first-child,#duobutton a:first-child{
  width:152px
}
#tributton a:last-child,#duobutton a:last-child{
  width:152px
}
#tributton a{
  width:154px
}
#tributton .links{
  width:452px
}
#duobutton .links{
  width:298px
}
#doublead{
  width:350px!important
}
#duoselectionbuttons{
  width:293px;
  height:24px;
  top:4px
}
#triselectionbuttons{
  width:450px;
  height:24px;
  top:4px
}
#triselectionbuttons a:first-child,#duoselectionbuttons a:first-child{
  width:150px;
  height:22px;
  line-height:22px
}
#triselectionbuttons a{
  width:156px;
  height:22px;
  line-height:22px
}
#triselectionbuttons a:last-child,#duoselectionbuttons a:last-child{
  width:150px;
  height:22px;
  line-height:22px
}
.searchbox form{
  width:432px
}
.searchbox input[type="text"]{
  width:435px
}
.bigfield input{
  width:455px
}

}
/* No use */
#topbar.black{
  background:-webkit-gradient(linear,0% 0%,0% 100%,from(#858585),color-stop(3%,#636363),color-stop(50%,#202020),color-stop(51%,black),color-stop(97%,black),to(#262626))
}
/* No use */
#topbar.transparent{
  background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(133,133,133,0.7)),color-stop(3%,rgba(99,99,99,0.7)),color-stop(50%,rgba(32,32,32,0.7)),color-stop(51%,rgba(0,0,0,0.7)),color-stop(97%,rgba(0,0,0,0.7)),to(rgba(38,38,38,0.7)))
}
/* No use */
#topbar{
  position:relative;
  left:0;
  top:0;
  width:auto;
  background:-webkit-gradient(linear,0% 0%,0% 100%,from(#cdd5df),color-stop(3%,#b0bccd),color-stop(50%,#889bb3),color-stop(51%,#8195af),color-stop(97%,#6d84a2),to(#2d3642));
  margin-bottom:13px
}
#title{
  position:absolute;
  font-weight:bold;
  top:0;
  left:0;
  right:0;
  padding:0 10px;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  color:#FFF;
  text-shadow:rgba(0,0,0,0.6) 0 -1px 0
}
#content-scroll {
  min-width:320px;
  overflow:visible;
}
#content-login{
  width:100%;
  position:relative;
  min-height:100px;
  min-width:320px;
  height:auto;
  z-index:0;
  overflow:hidden;

  /* MultiBrowser */
  /* Other */
  background-color:#CA200C;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,left top,left bottom,from(#CA200C),color-stop(0.32,#C12D0B),color-stop(0.52,#C12D0B),to(#8C1B0D));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #CA200C, #8C1B0D);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CA200C', endColorstr='#8C1B0D');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CA200C', endColorstr='#8C1B0D')";

}
#content{
  width:100%;
  position:relative;
  min-height:100px;
  min-width:320px;
  height:auto;
  z-index:0;
  overflow:hidden;

  /* MultiBrowser */
  /* Other */
  background-color:#BDBDBD;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,left top,left bottom,from(#EDEDED),color-stop(0.32,#DEDEDE),color-stop(0.90,#BDBDBD),to(#BDBDBD));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #EDEDED, #BDBDBD);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EDEDED', endColorstr='#BDBDBD');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EDEDED', endColorstr='#BDBDBD')";

}
#footer-login{
  text-align:center;
  position:relative;
  padding:10px 10px 10px;
  margin:0;
  height:auto;
  width:auto;
  bottom:10px;
  background:#8C1B0D;
}
#footer{
  text-align:center;
  position:relative;
  padding:10px 10px 10px;
  margin:0;
  height:auto;
  width:auto;
  bottom:10px;
  background:#8C1B0D;
}

.ipodlist #footer,.ipodlist #footer a{
  text-shadow:#FFF 0 -1px 0
}
#footer-login a,#footer-login,#footer a,#footer{
  text-decoration:none;
  font-size:9pt;
  color:#ffffff;
    text-shadow:#FFF 0 0px 0;
    font-weight:500;
}
.item{
  /* MultiBrowser */
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;

  background-color:#F8F8F8;
  border:#D4D4D5 solid 1px;
  font-size:12pt;
  overflow:hidden;
  padding:0;
  position:relative;
  display:block;
  height:auto;
  width:auto;
  margin:2px 9px 2px;
  list-style:none
}
.pageitem{
  /* MultiBrowser */
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;

  background-color:#fff;
  border:#D4D4D5 solid 1px;
  font-size:12pt;
  overflow:hidden;
  padding:0;
  position:relative;
  display:block;
  height:auto;
  width:auto;
  margin:2px 9px 2px;
  list-style:none
}
.pageitem-no{
  /* MultiBrowser */
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;

  background-color:#fff;
  border:#ffffff solid 1px;
  font-size:12pt;
  overflow:hidden;
  padding:0;
  position:relative;
  display:block;
  height:auto;
  width:auto;
  margin:2px 9px 2px;
  list-style:none
}
.pageitem-card{
  /* MultiBrowser */
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;

  background-color:#fff;
  border:#D4D4D5 solid 1px;
  font-size:12pt;
  overflow:hidden;
  padding:0;
  position:relative;
  display:block;
  height:auto;
  width:20%;
  margin:2px 9px 2px;
  list-style:none;
  float:left;
}
.pageitem-card2{
  /* MultiBrowser */
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;

  background-color:#fff;
  border:#D4D4D5 solid 1px;
  font-size:12pt;
  overflow:hidden;
  padding:0;
  position:relative;
  display:block;
  height:auto;
  width:20%;
  margin:2px 10px 2px 0;
  list-style:none;
  float:left;
}
.pageitem-card-no{
  background-color:#fff;
  font-size:12pt;
  overflow:hidden;
  padding:0;
  position:relative;
  height:auto;
  margin:2px 0 2px 0;
  list-style:none;
  float:left;
}
.pageitem-card-no2{
  /* MultiBrowser */
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;

  background-color:#fff;
  font-size:12pt;
  overflow:hidden;
  padding:0;
  position:relative;
  height:auto;
  margin:2px 0 2px 10px;
  list-style:none;
  float:left;
}

.listitem{
  background-color:#fff;
  font-size:12pt;
  overflow:hidden;
  padding:0;
  position:relative;
  display:block;
  height:auto;
  width:auto;
  margin:0;
  list-style:none
}
.pageitem{
  /* MultiBrowser */
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;

  background-color:#fff;
  border:#D4D4D5 solid 1px;
  font-size:12pt;
  overflow:hidden;
  padding:0;
  position:relative;
  display:block;
  height:auto;
  width:auto;
  margin:2px 9px 16px;
  list-style:none
}

.textbox{
  padding: 5px 0 0 20px;
  position: relative;
  overflow: hidden;
  height:auto;
}
.textbox-no{
  padding: 15px 0px 0 0;
  position: relative;
  overflow: hidden;
  height:auto;
}
.textbox-no-confirm1{
  padding: 5px 0px 0 20px;
  position: relative;
  overflow: hidden;
  height:auto;
}
.textbox-no-confirm2{
  padding: 5px 0px 0 0px;
  position: relative;
  overflow: hidden;
  height:auto;
  margin:0;
}.textbox-no-confirm3{
  padding: 5px 0px 0 0px;
  position: relative;
  overflow: hidden;
  height:auto;
  margin:0;
}
.textbox-kiyaku{
  padding: 5px 20px 0 20px;
  position: relative;
  overflow: hidden;
  height:auto;
  font-size:12px;
}

#tributton,#duobutton{
  height:44px;
  margin:-13px 0 13px 0;
  text-align:center

  /* MultiBrowser */
  /* Other */
  background-color:#81929f;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,0% 0%,0% 100%,from(#cdd4d9),color-stop(3%,#c0c9cf),color-stop(97%,#abb7bf),to(#81929f));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #cdd4d9, #81929f);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cdd4d9', endColorstr='#81929f');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cdd4d9', endColorstr='#81929f')";

}
#tributton .links,#duobutton .links{
  height:30px;
  -webkit-border-image:url("../img/tributton.png") 0 4 0 4;
  border-width:0 4px 0 4px;
  margin:0 auto 0px auto;
  position:relative;
  top:7px
}
#tributton a:first-child,#duobutton a:first-child{
  border-right:1px solid #6d7e91;
  -webkit-border-top-left-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  margin-left:-4px
}
#tributton a,#duobutton a{
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  height:27px;
  display:inline-block;
  line-height:27px;
  margin-top:1px;
  font:bold 13px;
  text-decoration:none;
  color:#3f5c84;
  text-shadow:#FFF 0 1px 0
}
#duobutton a:last-child{
  border:0
}
#tributton a:last-child{
  border-left:1px solid #6d7e91
}
#tributton a:last-child,#duobutton a:last-child{
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  margin-right:-4px
}
#tributton a:hover,#tributton a#pressed,#duobutton a:hover,#duobutton a#pressed{
  color:white;
  text-shadow:black 0 -1px 0

  /* MultiBrowser */
  /* Other */
  background-color:#647792;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,0% 0%,0% 100%,from(#7b8b9f),color-stop(3%,#8c9baf),to(#647792));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #7b8b9f, #647792);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7b8b9f', endColorstr='#647792');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7b8b9f', endColorstr='#647792')";


}
#triselectionbuttons,#duoselectionbuttons{
  -webkit-border-image:url('../img/navbutton.png') 0 5 0 5;
  border-width:0 5px 0 5px;
  position:relative;
  margin:auto
}
#duoselectionbuttons a:first-child{
  border:0
}
#triselectionbuttons a:first-child{
  border-right:solid 1px #556984
}
#triselectionbuttons a:first-child,#duoselectionbuttons a:first-child{
  margin-left:-4px;
  -webkit-border-top-left-radius:6px;
  -webkit-border-bottom-left-radius:6px
}
#triselectionbuttons a,#duoselectionbuttons a{
  display:inline-block;
  text-align:center;
  color:white;
  text-decoration:none;
  margin-top:1px;
  text-shadow:black 0 -1px 0;

  /* MultiBrowser */
  /* Other */
  background-color:#526379;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,0% 0%,0% 100%,from(#909baa),color-stop(3%,#a5b4c6),color-stop(50%,#798eaa),color-stop(51%,#6b83a1),color-stop(97%,#6e85a3),to(#526379));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #909baa, #526379);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#909baa', endColorstr='#526379');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#909baa', endColorstr='#526379')";

}
#triselectionbuttons a:last-child,#duoselectionbuttons a:last-child{
  border-left:solid 1px #556984;
  margin-right:-4px;
  -webkit-border-top-right-radius:6px;
  -webkit-border-bottom-right-radius:6px
}
#triselectionbuttons a:hover,#triselectionbuttons a#pressed,#duoselectionbuttons a:hover,#duoselectionbuttons a#pressed{
  background:none
}
#doublead{
  height:83px!important;
  position:relative;
  margin:0 auto 13px auto
}
#doublead a:first-child{
  left:0!important
}
#doublead a:last-child{
  right:0!important
}
#doublead a{
  width:147px!important;
  height:83px!important;
  position:absolute;

  /* MultiBrowser */
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;

  display:block;

  /* MultiBrowser */
  /* Other */
  background-color:#c2c2c2;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,0% 0%,0% 100%,from(#7c7c7c),color-stop(3%,#858585),color-stop(97%,#a4a4a4),to(#c2c2c2));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #7c7c7c, #c2c2c2);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7c7c7c', endColorstr='#c2c2c2');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7c7c7c', endColorstr='#c2c2c2')";

}
li#doublead{
  margin-top:25px;
  margin-bottom:10px!important;
  background:none
}
li#doublead:hover{
  background:none
}
.searchbox{
  height:44px;

  margin:-13px 0 13px 0;
  width:100%

  /* MultiBrowser */
  /* Other */
  background-color:#8999a5;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,0% 0%,0% 100%,from(#f1f3f4),color-stop(3%,#e0e4e7),color-stop(50%,#c7cfd4),color-stop(51%,#bec7cd),color-stop(97%,#b4bec6),to(#8999a5));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #f1f3f4, #8999a5);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f3f4', endColorstr='#8999a5');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f3f4', endColorstr='#8999a5')";

}
.searchbox form{
  height:24px;
  -webkit-border-image:url('../img/searchfield.png') 4 14 1 24;
  border-width:4px 14px 1px 24px;
  display:block;
  position:relative;
  top:8px;
  margin:auto
}

.searchbox input[type="text"]{
  border:0;
  -webkit-appearance:none;
  height:18px;
  float:left;
  font-size:13px;
  padding:0;
  position:relative;
  top:2px;
  left:2px
}
.textbox img{
  max-width:100%
}
.textbox p{
  margin-top:2px
}
.textbox p{
  margin-top:2px;
  color:#000;
  margin-bottom:2px;
  text-align:justify
}
.textbox img{
  max-width:100%
}
.textbox ul{
  margin:3px 0 3px 0;
  list-style:circle!important
}
.textbox li{
  margin:0!important
}
.pageitem li:first-child,.pageitem li.form:first-child,.item li:first-child,.item li.form:first-child{
  border-top:0
}
.menu,.stop,.menubk,.checkbox,.radiobutton,.select,li.button,li.bigfield,li.cardfield{
  position:relative;
  list-style-type:none;
  display:block;
  height:50px;
  vertical-align:middle;
  overflow:hidden;
  border-top:1px solid #D4D4D5;
  width:auto;
  text-align:left;
}
li.smallfield{
  position:relative;
  list-style-type:none;
  display:block;
  height:43px;
  overflow:hidden;
  width:auto;
  text-align:left;
}
.pageitem li:first-child:hover,.pageitem li:first-child a,.item li:first-child:hover,.item li:first-child a,.radiobutton:first-child input,.select:first-child select,li.button:first-child input,.bigfield:first-child input{
  -webkit-border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px
}
.pageitem li:last-child:hover,.pageitem li:last-child a,.item li:last-child:hover,.item li:last-child a,.radiobutton:last-child input,.select:last-child select,li.button:last-child input,.bigfield:last-child input{
  -webkit-border-bottom-left-radius:4px;
  -webkit-border-bottom-right-radius:4px
}
.menu:hover,.menubk:hover,.menu-turndown-text:hover,.store:hover,.list #content li a:hover,.list .withimage:hover,.applist li:hover:nth-child(n),.ipodlist li:hover:nth-child(n){

  /* MultiBrowser */
  /* Other */
  background-color:#015fe6;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,0% 0%,0% 100%,from(#058cf5),to(#015fe6))
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #058cf5, #015fe6);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#058cf5', endColorstr='#015fe6');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#058cf5', endColorstr='#015fe6')";

}
.ipodlist li:hover:nth-child(n) .name,.ipodlist li:hover:nth-child(n) .time{
  border:0
}
.menu a:hover .name,.menubk a:hover .name,.menu-turndown-text a:hover .name-turndown-text,.store:hover .starcomment,.store:hover .name,.store:hover .comment,.list .withimage a:hover .comment{
  color:#fff
}
.menu a:hover .comment{
  color:#CCF
}
.menu a,.stop a,.menubk a{
  display:block;
  height:50px;
  width:auto;
  text-decoration:none
}
.menu a img,.stop a img,.menubk a img{
  width:auto;
  height:32px;
  margin:10px 0 0 5px;
  float:left
}
.menu .name,.stop .name,.checkbox .name,.radiobutton .name{
  margin:17px 0 0 7px;
  width:auto;
  color:#000;
  font-weight:bold;
  font-size:15px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  float:left;
}
.menubk .name {
  margin:12px 0 0 7px;
  width:auto;
  color:#fff;
  font-weight:bold;
  font-size:15px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  float:left;
}
.menu .comment,.stop .comment{
  margin:11px 30px 0 0;
  width:auto;
  font-size:17px;
  text-overflow:ellipsis;
  overflow:hidden;
  max-width:75%;
  white-space:nowrap;
  float:right;
  color:#324f85
}
.menu .feed,.stop .feed{
  margin:11px 30px 0 0;
  width:auto;
  font-size:17px;
  text-overflow:ellipsis;
  overflow:hidden;
  max-width:75%;
  white-space:nowrap;
  float:right;
  color:#324f85
}
.menu .arrow,.store .arrow,.musiclist .arrow,.list .arrow{
  position:absolute;
  width:8px!important;
  height:13px!important;
  right:10px;
  top:15px;
  margin:0!important;
  background:url("../img/arrow.png") 0 0 no-repeat
}
.menu .arrow2{
  position:absolute;
  width:8px!important;
  height:13px!important;
  right:10px;
  top:15px;
  margin:0!important;
  background:url("../img/arrow2.png") 0 0 no-repeat
}


#ID {
    text-align:right;
    margin:0 15px 0px 0;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
  color:#000;
}
.subtitle {
  position:relative;
  font-size:16px;
  text-decoration:none;
  font-weight:bold;
  text-shadow:#FFF 0 1px 0;
  color:#4C4C4C;
  height:auto;
  margin:10px 0 5px 0px;
  line-height:34px;
}
.subtitle img.logo {
  width: 80px;
  height: 80px;
  margin:0 3px 0 0;
}
.subtitle img {
  width: 32px;
  height: 32px;
  float:left;
  margin:0 5px 0 10px;
}
.rglogo {
  position:relative;
  padding:0;
  height:auto;
  margin:10px 10px 2px 0px;
  text-align:right;
}
.subsubtitle{
  margin:5px 0 0 0;
  position:relative;
  font-weight:bold;
  font-size:14px;
  height:14px;
  color:#4C4C4C;
  text-shadow:#FFF 0 1px 0;
  padding:5px 0 2px 14px;
  clear:both;
}
.subsubtitle1{
    margin:5px 0 0 0;
    position:relative;
    font-weight:bold;
    font-size:14px;
    height:14px;
    color:#4C4C4C;
    text-shadow:#FFF 0 1px 0;
    padding:5px 0 10px 14px;
    clear:both;
}

.subsubtitle2 {
  margin:5px 0 0 0;
  position:relative;
  font-weight:bold;
  font-size:14px;
  height:14px;
  color:rgb(73,102,145);
  text-shadow:#FFF 0 1px 0;
  padding:5px 0 2px 14px;
  clear:both;
}
.subsubtitle3 {
    margin:5px 0 0 0;
    position:relative;
    font-weight:bold;
    font-size:14px;
    height:14px;
    color:rgb(73,102,145);
    text-shadow:#FFF 0 1px 0;
    padding:5px 0 8px 14px;
    clear:both;
}
.subsubtitle4{
  margin:5px 0 0 0;
  position:relative;
  font-weight:bold;
  font-size:14px;
  color:#4C4C4C;
  text-shadow:#FFF 0 1px 0;
  padding:5px 0 2px 14px;
  clear:both;
}
.subsubtitle5{
  margin:5px 0 0 0;
  position:relative;
  font-weight:bold;
  font-size:13px;
  color:#4C4C4C;
  text-shadow:#FFF 0 1px 0;
  padding:5px 0 2px 14px;
  clear:both;
}
.subsubtitle4 span.explain-proviso {
  padding: 5px 14px;
  position: relative;
  font-weight:normal;
  overflow: hidden;
  color:#000;
  clear:both;
  margin-left: 28px;
  font-size: 12px;
}

#catetitle{
  margin:0;
  position:relative;
  font-weight:bold;
  font-size:16px;
  height:16px;
  color:#FFFFFF;
  text-shadow:#FFF 0 0px 0;
  padding:8px 0;
  padding-left:30px;
  clear:both;
  border-bottom:3px solid #EBEB47;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;

  /* MultiBrowser */
  /* Other */
  background-color:#157ECD;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,left top,left bottom,
  from(#46A5EC),
    color-stop(0.03, #2E99EA), /* topから 3% の位置で #b9c3e4 */
    color-stop(0.03, #2E99EA), /* topから 3% の位置で #93a3d5*/
    color-stop(0.48, #1789DF), /* topから48% の位置で #5a77af*/
    color-stop(0.52, #157ECD), /* topから52% の位置で #3a57a0*/
  to(#10619C));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #2E99EA, #157ECD);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2E99EA', endColorstr='#157ECD');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2E99EA', endColorstr='#157ECD')";

}
#catetitle2{
  margin:0;
  position:relative;
  font-weight:bold;
  font-size:16px;
  height:16px;
  color:#FFFFFF;
  text-shadow:#FFF 0 0px 0;
  padding:8px 0;
  padding-left:30px;
  clear:both;
  border-bottom:3px solid #EBEB47;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;

  /* MultiBrowser */
  /* Other */
  background-color:#157ECD;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,left top,left bottom,
  from(#46A5EC),
    color-stop(0.03, #2E99EA), /* topから 3% の位置で #b9c3e4 */
    color-stop(0.03, #2E99EA), /* topから 3% の位置で #93a3d5*/
    color-stop(0.48, #1789DF), /* topから48% の位置で #5a77af*/
    color-stop(0.52, #157ECD), /* topから52% の位置で #3a57a0*/
  to(#10619C));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #2E99EA, #157ECD);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2E99EA', endColorstr='#157ECD');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2E99EA', endColorstr='#157ECD')";

}


#err {
    margin:5px 14px 0 14px ;
    padding:0;
    color:#f39;
    font-size:12px;
    font-weight:100;
    clear:both;
}

#err1 {
    margin:5px 14px 0 14px ;
    padding:0;
    color:#f39;
    font-size:12px;
    font-weight:700;
    clear:both;
}

#err_time {
    margin:5px 14px 0 14px ;
    padding:0;
    color:#f39;
    font-size:12px;
    font-weight:100;
    text-align:right;
    clear:both;
}

.btn,.btn2{
  text-align:center;
  margin:20px 0 20px 0;
  padding:10px 0 0 0;
  width:auto;
  text-decoration:none;
  clear:both;
}

.btn,.btn2 a{
  text-align:center;
  padding:0;
  width:auto;
  text-decoration:none;
  min-height:38px;
}

.btn3{
  text-align:left;
  margin:10px 0 20px 13px;
  padding:10px 0 0 0;
  width:auto;
  text-decoration:none;
  clear:both;
}

.btn3 a{
  text-align:center;
  padding:0;
  width:auto;
  text-decoration:none;
  min-height:38px;
}

.btn3 span {
  text-decoration:none;
  font-size:14px;
  color:#fff;
  font-weight:bold;
  padding:10px 14px;
  border:1px solid #4AA6D6;

  /* MultiBrowser */
  -webkit-border-radius:14px;
  -moz-border-radius:14px;
  border-radius:14px;

  /* MultiBrowser */
  /* Other */
  background-color:#2889BC;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,left top,left bottom,from(#4AA6D6),to(#2889BC));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #4AA6D6, #2889BC);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4AA6D6', endColorstr='#2889BC');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4AA6D6', endColorstr='#2889BC')";

}
.btn2 span {
  text-decoration:none;
  font-size:17px;
  color:#000;
  font-weight:bold;
  padding:10px 30px;
  border:1px solid #F9DC31;

  /* Button Dimension */
  border-style:solid;
  border-width:1px 2px 2px 1px;
  border-color:#dddddd #888888 #888888 #dddddd;
  /* /Button Dimension */

  /* MultiBrowser */
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;

  /* MultiBrowser */
  /* Other */
  background-color:#F9DC31;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,left top,left bottom,from(#FDE43A),to(#F9DC31));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #FDE43A, #F9DC31);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDE43A', endColorstr='#F9DC31');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDE43A', endColorstr='#F9DC31')";

}
.btn input {
  text-decoration:none;
  font-size:17px;
  color:#000;
  font-weight:bold;
  padding:10px 30px;
  border:1px solid #DDDDDD;
  text-shadow:#FFF 0 1px 0;
  cursor:pointer;

  /* Button Dimension */
  border-style:solid;
  border-width:1px 2px 2px 1px;
  border-color:#dddddd #888888 #888888 #dddddd;
  /* /Button Dimension */

  /* MultiBrowser */
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;

  /* MultiBrowser */
  /* Other */
  background-color:#DDDDDD;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,left top,left bottom,from(#F8F8F8),to(#DDDDDD));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #F8F8F8, #DDDDDD);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F8F8F8', endColorstr='#DDDDDD');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F8F8F8', endColorstr='#DDDDDD')";

}
.btn span {
  text-decoration:none;
  font-size:17px;
  color:#000;
  font-weight:bold;
  padding:10px 30px;
  border:1px solid #DDDDDD;
  text-shadow:#FFF 0 1px 0;

  /* Button Dimension */
  border-style:solid;
  border-width:1px 2px 2px 1px;
  border-color:#dddddd #888888 #888888 #dddddd;
  /* /Button Dimension */

  /* MultiBrowser */
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;

  /* MultiBrowser */
  /* Other */
  background-color:#DDDDDD;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,left top,left bottom,from(#F8F8F8),to(#DDDDDD));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #F8F8F8, #DDDDDD);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F8F8F8', endColorstr='#DDDDDD');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F8F8F8', endColorstr='#DDDDDD')";

}
.textlink {
    margin:5px 5px 0 5px;
  padding:10px 0 0 0;
  text-align:center;
}
.textlink a {
    text-decoration:none;
}
.textlink span {
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
  color:#0971AF;

}
.textcenter {
    margin:5px 5px 0 5px;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
  color:#4C4C4C;
  text-shadow:#FFF 0 1px 0;
}
.explain{
  padding: 5px 14px;
  position: relative;
  overflow: hidden;
  font-size:14px;
  color:#000;
  margin:5px 0 0 0;
  clear:both;
}
.explain-gray{
  padding: 2px 14px;
  position: relative;
  overflow: hidden;
  font-size:12px;
  color:#999;
  clear:both;
}
.explain-register{
  width: auto;
  text-align:right;
  padding: 2px 14px;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
  font-size:10px;
  color:#666;
  clear:both;
}
.inquiry{
  padding:0;
  position: relative;
  overflow: hidden;
  font-size:14px;
  color:#000;
  margin:20px 5px;
  background:url("../res/images/icon_i.png");
  display:block;
  background-repeat:no-repeat;

}
.inquiry span{
  padding:1px 0;
  position: relative;
  overflow: hidden;
  font-size:14px;
  color:#000;
  margin:0 0 0 25px;
  display:block;
}
.inquiry span.cautionmsg {
    color: #f00;
}
fieldset{
  border:1px solid #FFFFFF;
  margin:10px;
  padding:10px 0;
  background:#FFFFFF;
  border:1px solid #D4D4D5;

  /* MultiBrowser */
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
}

fieldset-login{
  border:1px solid #FFFFFF;
  margin:10px;
  padding:10px;
  background:#FFFFFF;

  /* MultiBrowser */
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
}

.cardfield {
    float:left;
    width:25%;
  position: absolute;
  left: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  line-height: 44px;
  font-size: 17px;
  padding-left: 5px;
  overflow: hidden;
  margin:0;
}

.header{
  display:block;
  font-weight:bold;
  color:rgb(73,102,145);
  font-size:10pt;
  margin-bottom:6px;
  line-height:14pt
}

.list .title{
  height:22px!important;
  width:100%;
  color:#fff;
  font-weight:bold;
  font-size:16px;
  text-shadow:gray 0 1px 0;
  line-height:22px;
  padding-left:20px;
  border-bottom:none!important

  /* MultiBrowser */
  /* Other */
  background-color:#989ea4;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,0% 0%,0% 100%,from(#a5b1ba),color-stop(3%,#909faa),color-stop(97%,#b5bfc6),to(#989ea4));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #a5b1ba, #989ea4);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a5b1ba', endColorstr='#989ea4');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a5b1ba', endColorstr='#989ea4')";

}
.list ul{
  background-color:#fff;
  width:100%;
  overflow:hidden;
  padding:0;
  margin:0
}
.list #content li{
  height:40px;
  border-bottom:1px solid #e1e1e1;
  list-style:none
}
.list{
  background-color:#fff;
  background-image:none!important
}
.list #footer{
  margin-top:24px!important
}
.ipodlist #footer{
  margin-top:48px!important
}
.list #content li a{
  padding:9px 0 0 20px;
  font-size:large;
  font-weight:bold;
  position:relative;
  display:block;
  color:#000;
  text-decoration:none;
  height:32px
}
.list #content li a .name{
  text-overflow:ellipsis;
  overflow:hidden;
  max-width:93%;
  white-space:nowrap;
  display:block
}
.list #content li a:hover{
  color:#fff
}
.list #content{
  margin-top:-13px!important
}
.ipodlist #content,.musiclist #content,.applist #content{
  margin-top:-29px!important
}
.list ul img{
  width:90px;
  height:90px;
  position:absolute;
  left:0;
  top:0
}
.list .withimage{
  height:90px!important
}
.list .withimage .name{
  margin:13px 0 0 90px;
  text-overflow:ellipsis;
  overflow:hidden;
  max-width:63%!important;
  white-space:nowrap
}
.list .withimage .comment{
  margin:10px auto auto 90px !important;
  max-width:63%!important
}
.list .withimage a,.list .withimage:hover a{
  height:81px!important
}
#leftnav,#leftbutton,#blueleftbutton{
  position:absolute;
  font-size:12px;
  left:9px;
  font-weight:bold
}
#leftnav,#leftbutton,#rightnav,#rightbutton,#blueleftbutton,#bluerightbutton{
  z-index:5000
}
#leftnav a,#rightnav a,#leftbutton a,#rightbutton a,#blueleftbutton a,#bluerightbutton a{
  display:block;
  color:#fff;
  text-shadow:rgba(0,0,0,0.6) 0 -1px 0;
  text-decoration:none
}
.black #leftnav a:first-child,.transparent #leftnav a:first-child{
  -webkit-border-image:url("../img/navleftblack.png") 0 5 0 13
}
.black #leftnav a,.transparent #leftnav a{
  -webkit-border-image:url("../img/navlinkleftblack.png") 0 5 0 13
}
.black #rightnav a:first-child,.transparent #rightnav a:first-child{
  -webkit-border-image:url("../img/navrightblack.png") 0 13 0 5
}
.black #rightnav a,.transparent #rightnav a{
  -webkit-border-image:url("../img/navlinkrightblack.png") 0 13 0 5
}
.black #leftbutton a,.black #rightbutton a,.transparent #leftbutton a,.transparent #rightbutton a{
  -webkit-border-image:url("../img/navbuttonblack.png") 0 5 0 5
}
#leftnav a:first-child{
  z-index:2;
  -webkit-border-image:url("../img/navleft.png") 0 5 0 13;
  border-width:0 5px 0 13px;
  -webkit-border-top-left-radius:16px;
  -webkit-border-bottom-left-radius:16px;
  -webkit-border-top-right-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  width:auto
}
#leftnav a{
  -webkit-border-image:url("../img/navlinkleft.png") 0 5 0 13;
  z-index:3;
  margin-left:-4px;
  border-width:0 5px 0 13px;
  padding-right:4px;
  -webkit-border-top-left-radius:16px;
  -webkit-border-bottom-left-radius:16px;
  -webkit-border-top-right-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  float:left
}
#rightnav,#rightbutton,#bluerightbutton{
  position:absolute;
  font-size:12px;
  right:9px;
  font-weight:bold
}
#rightnav a{
  -webkit-border-image:url("../img/navlinkright.png") 0 13 0 5;
  z-index:3;
  margin-right:-4px;
  border-width:0 13px 0 5px;
  padding-left:4px;
  -webkit-border-top-left-radius:6px;
  -webkit-border-bottom-left-radius:6px;
  float:right;
  -webkit-border-top-right-radius:16px;
  -webkit-border-bottom-right-radius:16px
}
#rightnav a:first-child{
  z-index:2;
  -webkit-border-top-left-radius:6px;
  -webkit-border-bottom-left-radius:6px;
  -webkit-border-image:url("../img/navright.png") 0 13 0 5;
  border-width:0 13px 0 5px;
  -webkit-border-top-right-radius:16px;
  -webkit-border-bottom-right-radius:16px
}
#leftbutton a,#rightbutton a{
  -webkit-border-image:url("../img/navbutton.png") 0 5 0 5;
  border-width:0 5px;

  /* MultiBrowser */
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
#blueleftbutton a,#bluerightbutton a{
  -webkit-border-image:url("../img/navbuttonblue.png") 0 5 0 5;
  border-width:0 5px;

  /* MultiBrowser */
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
input[type="radio"]{
  -webkit-appearance:none;
  border:0;
  width:100%;
  height:100%;
  z-index:2;
  position:absolute;
  left:0;
  margin:0;

  /* MultiBrowser */
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
input[type="radio"]:checked{
  background:url('../img/radiobutton.png') no-repeat;
  background-position:right center
}
.radiobutton .name{
  z-index:1
}
select{
  -webkit-appearance:none;
  height:100%;
  width:100%;
  border:0
}
.select select{
  /* MultiBrowser */
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;

  color:#000;
  font-weight:bold;
  font-size:17px
}
.select option{
  max-width:90%
}
.select .arrow{
  background:url('../img/arrow.png');
  width:8px;
  height:13px;
  display:block;
  -webkit-transform:rotate(90deg);
  position:absolute;
  right:10px;
  top:18px
}
.button input{
  width:100%;
  height:100%;
  -webkit-appearance:none;
  border:0;

  /* MultiBrowser */
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;

  font-weight:bold;
  font-size:17px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  background:none
}
.textbox textarea{
  padding:0;
  margin-top:5px;
  font-size:medium;
}
.textbox .header{
  display:block;
  font-weight:bold;
  color:rgb(73,102,145);
  font-size:11pt;
  margin-bottom:6px;
  line-height:14pt
}
.textbox .bigfield{
  font-weight:bold;
  color:rgb(73,102,145);
  font-size:12pt;
  line-height:14pt
}
.bigfield input{
  border-style: none;
  border-color: inherit;
  border-width: 0;
  -webkit-appearance: none;
  height: 100%;

  /* MultiBrowser */
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;

  background: transparent;
  font-weight: bold;
  font-size: 30px;
  padding-left: 5px;
  width: inherit;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
a.big {
  font-size: 20px;
  margin: 5px 5px 5px 5px;
}
.smallfield .name{
  width: 48%;
  position: absolute;
  left: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  line-height: 44px;
  font-size: 17px;
  padding-left: 5px;
  overflow: hidden;
  float: left;
  right: 591px;
}
.smallfield input{
  border-style: none;
  border-color: inherit;
  border-width: medium;
  width: 50%;
  position: absolute;
  right: 0;
  height: 44px;
  -webkit-appearance: none;
  padding: 0;
  background: transparent;

  /* MultiBrowser */
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;

  font-weight: bold;
  font-size: 17px;
  float: left;
  white-space: nolap;
  top: 0px;
}
.smallfield:first-child input{
  -webkit-border-top-right-radius:8px
}
.smallfield:last-child input{
  -webkit-border-bottom-right-radius:8px
}
#fatalerr {
    background-color: #f00;
    color: #fff;
    width: 100%;
    margin: 0px;
    font-weight: bold;
}


/**アイコン＋サービス名リスト**/

ul.pageitem li.service  {
  border-bottom: 1px solid #E0E0E0;
  color:#000;
  font-weight:bold;
  font-size:14px;
  display:block;
  margin:0;
  position :relative;
}

ul.pageitem li.service:last-child {
  border-bottom:none;
}

ul.pageitem li.service div.thumbnail {
  position:absolute;
  top: 8px;
  left: 8px;
  width:32px;
  height:32px;
  text-align: center;
}
.thumbnail img {
  position:relative;
  max-height: 32px;
  max-width: 32px;
  line-height: 32px;
}
ul.pageitem li.service > a, span.service_item {
  position:relative;
  display:block;
  width:auto;
  text-decoration:none;
    padding-left: 48px;
    padding-right: 25px;
  padding-top:16px;
    min-height: 24px;
  padding-bottom:8px;
  color:#000;
  font-weight:bold;
}
ul.pageitem li.service > a:hover {
  display:block;
  width:auto;
  text-decoration:none;
  padding-left: 48px;
  padding-right: 25px;
  padding-top:16px;
  min-height: 24px;

  /* MultiBrowser */
  /* Other */
  background-color:#ffffff;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,0% 0%,0% 100%,from(#058cf5),to(#015fe6));
  color:#ffffff;
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #058cf5, #ffffff);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#058cf5', endColorstr='#ffffff');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#058cf5', endColorstr='#ffffff')";

}

ul.pageitem li.service > a .arrow2{
  position:absolute;
  width:8px!important;
  height:13px!important;
  right:10px;
  top:16px;
  margin:0!important;
  background:url("../img/arrow2.png") 0 0 no-repeat
}

ul.pageitem li.service > a:hover span.arrow2{
  background-position:0 -13px;
}


/**アイコン＋カテゴリ名**/
#catetitle span.thumbnail,#catetitle2 span.thumbnail {
  position:absolute;
  top: 6px;
  left: 5px;
  width:20px;
  height:20px;
  text-align: center;
}
#catetitle span.thumbnail img,#catetitle2 span.thumbnail img {
  position:relative;
  max-height: 20px;
  max-width: 20px;
  line-height: 20px;
}

/**アイコン＋サービス名リスト**/

ul.listitem li.service  {
  border-bottom: 1px solid #E0E0E0;
  color:#000;
  font-weight:bold;
  font-size:14px;
  display:block;
  margin:0;
  position :relative;
}
ul.listitem li.service:last-child {
  border-bottom:none;
}
ul.listitem li.service div.thumbnail {
  position:absolute;
  top: 8px;
  left: 8px;
  width:32px;
  height:32px;
  text-align: center;
}
ul.listitem li.service > a {
  position:relative;
  display:block;
  width:auto;
  text-decoration:none;
    padding-left: 48px;
    padding-right: 25px;
  padding-top:16px;
    min-height: 24px;
  padding-bottom:8px;
  color:#000;
  font-weight:bold;
}
ul.listitem li.service > a:hover {
  display:block;
  width:auto;
  text-decoration:none;
  padding-left: 48px;
  padding-right: 25px;
  padding-top:16px;
  min-height: 24px;
  color:#FFFFFF;

  /* MultiBrowser */
  /* Other */
  background-color:#015fe6;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,0% 0%,0% 100%,from(#058cf5),to(#015fe6));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #058cf5, #015fe6);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#058cf5', endColorstr='#015fe6');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#058cf5', endColorstr='#015fe6')";

}

ul.listitem li.service > a .arrow2{
  position:absolute;
  width:8px!important;
  height:13px!important;
  right:10px;
  top:16px;
  margin:0!important;
  background:url("../img/arrow2.png") 0 0 no-repeat
}

ul.listitem li.service > a:hover span.arrow2{
  background-position:0 -13px;
}

ul.listitem li.service2 > a {
    position:relative;
    display:block;
    width:auto;
    text-decoration:none;
    padding-left: 31px;
    padding-right: 25px;
    padding-top:16px;
    min-height: 24px;
    padding-bottom:8px;
    color:#000;
    font-weight:bold;
}
ul.listitem li.service2 > a:hover {
    display:block;
    width:auto;
    text-decoration:none;
    padding-left: 31px;
    padding-right: 25px;
    padding-top:16px;
    min-height: 24px;
    color:#FFFFFF;

    /* MultiBrowser */
    /* Other */
    background-color:#015fe6;
    /*　Safari・Chrome　*/
    background:-webkit-gradient(linear,0% 0%,0% 100%,from(#058cf5),to(#015fe6));
    /*　Firefox　*/
    background: -moz-linear-gradient(top, #058cf5, #015fe6);
    /*　IE6・7　*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#058cf5', endColorstr='#015fe6');
    /*　IE8　*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#058cf5', endColorstr='#015fe6')";

}

ul.listitem li.service2 > a .arrow2{
    position:absolute;
    width:8px!important;
    height:13px!important;
    right:10px;
    top:16px;
    margin:0!important;
    background:url("../img/arrow2.png") 0 0 no-repeat
}

ul.listitem li.service2 > a:hover span.arrow2{
    background-position:0 -13px;
}

#itemtitle {
  margin:0;
  position:relative;
  font-weight:bold;
  font-size:16px;
  height:16px;
  color:#000;
  text-shadow:#FFF 0 0px 0;
  padding:8px 0 0;
    clear:both;
  min-height:50px;
  border-top:3px solid #0068A7;
}

div#itemtitle .icon {
  position:relative;
  left: 5px;
  width:50px;
  height:50px;
  text-align: center;
  float:left;
  margin-right:10px;
}
div#itemtitle .icon img {
  position:relative;
  width:50px;
  height:50px;
  text-align: center;
}
div#itemtitle span.appname {
  position:relative;
  display:block;
  top: 3px;
  font-weight:bold;
  font-size:16px;
}
.appname .android {
  display:block;
  position:relative;
  top:3px;
  max-height: 10px;
  line-height: 20px;
}
.appname .android img {
  display:block;
  position:relative;
  height:16px;
  width:54px;
  margin-right:2px;
  float:left;

}
div.sentence {
  position:relative;
  margin-top:20px;
  margin-left:5px;
  display:block;
  font-size:16px;
  color:#4D4D4D;
}
div.recommend {
  margin-left:5px;
  position:relative;
  display:block;
  font-size:12px;
  color:#4D4D4D;
}
.btn2_use{
  text-align:center;
  margin:0;
  padding:40px 0 10px 0;
  width:auto;
  text-decoration:none;
}
.btn2_use a{
  text-align:center;
  padding:0;
  width:auto;
  text-decoration:none;
  min-height:38px;
}
.tokutei{
  text-align:center;
  margin:5px 0  0;
  padding:0 0 10px 0;
  width:auto;
  text-decoration:none;
  border-bottom:3px solid #0068A7;
}
.tokutei a {
  font-size:12px;
  color:#0000FF;
}

#imageshot {
  width: 310px;
  margin: 4px auto 4px;
  text-align: left;
}
#imageshot .shot01 {
  float: left;
  width: 153px;
  text-align: right;
  margin-right:0;
}
#imageshot .shot02 {
  float: right;
  width: 153px;
  margin-bottom: 4px;
  margin-left:0;
  text-align: left;
}
#imageshot img {
  max-width: 153px;
}
.attention {
  clear:both;
  margin:5px 5px 20px 5px;
  padding:0;
  font-size:10px;
  text-align:left;
}

.newicon {
  position:absolute;
  top: 4px;
  left: 48px;
  height:16px;
  clear:both;
}
.newicon img {
  position:relative;
  max-height: 16px;
  max-width: 16px;
  line-height: 16px;
  clear:both;
}
.newicon span.appname {
  position:relative;
  display:block;
  font-weight:bold;
  font-size:14px;
}

.information {
    margin:5px 14px 14px 14px ;
    padding:0;
    color:#4c4c4c;
    font-size:12px;
    font-weight:100;
    clear:both;
}

.caution2 {
    color:#f00;
    font-size:12px;
    font-weight:100;
    clear:both;
}

.information .title {
    padding:0;
    color:#4c4c4c;
    font-size:15px;
    font-weight:900;
}
.information .message {
    padding:0;
    color:#4c4c4c;
    font-size:15px;
    font-weight:900;
}
.information .toplist {
    margin:5px 0px 0px 0px;
  padding: 0 0 0 20px;
  position: relative;
  overflow: hidden;
  height:auto;
}

.caution {
  color:#f00;
  font-weight:bold;
}

.img_btn {
    text-align:center;
    margin:5px 0 5px 0;
    padding:10px 0 0 0;
    width:auto;
    text-decoration:none;
    clear:both;
}
.img_btn img {
    border:1px;
    border-style: solid;
    border-color:#BDBDBD;
}

.img_btn2 {
    text-align:center;
    margin:30px 0 10px 0;
    padding:30px 0 0 0;
    width:auto;
    text-decoration:none;
    clear:both;
}
.img_btn2 img {
    border:0px;
}
.img_btn3 {
    text-align:center;
    margin:0;
    padding:0;
    width:auto;
    text-decoration:none;
    clear:both;
}
.img_btn3 img {
    border:0px;
}

img.logo {
  width: 80px;
  height: 80px;
  margin:0 3px 15px 3px;
  float:left;
}

img#logo {
  width: 115px;
  height: 38px;
  margin:10px 3px 5px 3px;
}

.btn2_account{
  text-align:right;
  margin:10px 10px 0 0;
  padding:0 0 0 0;
  width:auto;
  text-decoration:none;
}
/*************************/
.btn2_login{
  text-align:center;
  margin:20px 10px 0 0;
  padding:8px 0 0 0;
  width:auto;
  text-decoration:none;
}
/*************************/

.btn2_account span {
  text-decoration:none;
  font-size:12px;
  color:#000;
  font-weight:bold;
  padding:7px 8px;
  border:1px solid #F9DC31;

  /* MultiBrowser */
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;

  /* MultiBrowser */
  /* Other */
  background-color:#F9DC31;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,left top,left bottom,from(#FDE43A),to(#F9DC31));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #FDE43A, #F9DC31);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDE43A', endColorstr='#F9DC31');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDE43A', endColorstr='#F9DC31')";

}

.btn2_account a{
  text-align:center;
  padding:0;
  width:auto;
  text-decoration:none;
}

.btn2_login span {
  text-decoration:none;
  font-size:14px;
  color:#FFFFFF;
  font-weight:bold;
  padding:7px 7px;
  border:1px solid #000000;

  /* MultiBrowser */
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;

  /* MultiBrowser */
  /* Other */
  background-color:#0068A8;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,left top,left bottom,from(#0068A8),to(#0068A8));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #0068A8, #0068A8);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0068A8', endColorstr='#0068A8');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0068A8', endColorstr='#0068A8')";

}

.btn2_use span {
  text-decoration:none;
  font-size:18px;
  color:#000;
  font-weight:bold;
  padding:10px 20px;
  border:1px solid #E6E63C;

  /* MultiBrowser */
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;

  /* MultiBrowser */
  /* Other */
  background-color:#E6E63C;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,left top,left bottom,from(#ECE71D),to(#E6E63C));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #ECE71D, #E6E63C);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ECE71D', endColorstr='#E6E63C');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ECE71D', endColorstr='#E6E63C')";

}

.textlink_rt {
    margin:3px 5px 0 0px;
  padding:0 0 0 0;
  text-align:right;
  font-size:12px;
}

.textlink_rt a {
    text-decoration:none;
}

.textcenter {
    margin:5px 5px 0 5px;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
  color:#ff0000;
  text-shadow:#FFF 0 1px 0;
}

.textleft {
    margin:5px 5px 0 5px;
  text-align:left;
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
  color:#4C4C4C;
  text-shadow:#FFF 0 1px 0;
}

ul.pageitem li.service > .tranend {
  position:relative;
  display:block;
  width:auto;
  text-decoration:none;
    padding-left: 48px;
    padding-right: 25px;
  padding-top:16px;
    min-height: 24px;
  padding-bottom:8px;
  color:#778899;
  font-weight:bold;
}
.menu-turndown-text{
  position:relative;
  list-style-type:none;
  display:block;
  overflow:hidden;
  border-top:1px solid #D4D4D5;
  width:auto;
  text-align:left;
}
.menu-turndown-text a{
  display:block;
  height:43px;
  width:auto;
  text-decoration:none
}
.menu-turndown-text .name-turndown-text{
  margin:12px 0 12px 7px;
  width:auto;
  color:#000;
  font-weight:bold;
  font-size:15px;
  text-overflow:ellipsis;
  overflow:hidden;
  float:left;
}

/*************************ソーシャルボタン********************************/
.social{
  text-align:left;
  margin-top:20px;
  margin-left:8px;
  margin-bottom:20px;
}
/*************************/
noscript p.noJS {
  background-color:#FFEFEF;
  border:2px solid #BF0000;
  margin:0;
  padding:10px;
  text-align:left;
}


.catetitlevar{
  margin:0;
  position:relative;
  font-weight:bold;
  font-size:16px;
  height:16px;
  color:#333333;
  text-shadow:#FFF 0 0px 0;
  padding:15px 0;
  padding-left:30px;
    clear:both;
  border:1px solid #F2F2F2;

  /* MultiBrowser */
  /* Other */
  background-color:#F2F2F2;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,left top,left bottom,
  from(#FFFFFF),
  color-stop(0.03, #FFFFFF),
      color-stop(0.50, #F2F2F2),
      color-stop(0.90, #F2F2F2),
  to(#F2F2F2));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F2F2F2');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F2F2F2')";

}

.catetitlevar  > .arrow3 {
  position:absolute;
  width:10px!important;
  height:8px!important;
  right:10px;
  top:20px;
  margin:0!important;
  background:url("../img/arrow3.png") 0 0 no-repeat } .catetitlevar span.thumbnail {
  position:absolute;
  top: 13px;
  left: 5px;
  width:20px;
  height:20px;
  text-align: center;
}
.catetitlevar span.thumbnail img {
  position:relative;
  max-height: 20px;
  max-width: 20px;
  line-height: 20px;
}

div.agreement_strong {
  color:#FF0000;
}

.textcenter2 {
    margin:5px 20px 0 20px;
  text-align:left;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
  color:#FF3300;
  text-shadow:#FFF 0 1px 0;
}
.textcenter2 {
    margin:5px 20px 0 20px;
  text-align:left;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
  color:#FF3300;
  text-shadow:#FFF 0 1px 0;
}
.loginlistitem {
  border:#D4D4D5 solid 1px;
}
input.textdisabled {
  background-color:#BDBDBD;
}
.list-itemname{
  padding: 5px 10px 0 10px;
  position: relative;
  overflow: hidden;
  height:auto;
}
.text_subsubtitle{
  font-weight:bold;
  font-size:14px;
  height:14px;
  color:#4C4C4C;
}
.ullist{
  margin:0px 0px 0px 10px;
  padding:0px 0px 0px 0px;
}
.login input {
  /* MultiBrowser */
  /* Other */
  background-color:#5cb2da;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,left top,left bottom,from(#87d4f2),to(#5cb2da));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #87d4f2, #5cb2da);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#87d4f2', endColorstr='#5cb2da');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#87d4f2', endColorstr='#5cb2da')";

}
.pass {
  margin-bottom:-15px;
}

.ullist > .service {
  list-style-type:disc;
  text-decoration:none;
  position:relative;
  width:auto;
  margin-left: 25px;
  padding-right: 20px;
  padding-top:1px;
  padding-bottom:1px;
  min-height: 15px;
  color:#4c4c4c;
  font-size:12px;
  font-weight:100;
  clear:both;
}



.remindercd{
  font-weight:bold;
  color:rgb(73,102,145);
  font-size:18pt;
  line-height:14pt
}
.itemcheckstate{
  padding: 5px 5px;
  margin: 0px 10px 0px 10px;
  position: relative;
  overflow: hidden;
  font-size:12px;
  font-weight:normal;
  color: #ffffff;
  background-color: #ff8855;
  background-position: 100px 0px;
  text-shadow: none;
  clear:both;
}

.itemcheckstate_one{
  background-color: #ff6666;
}

.itemcheckstate_two{
  background-color: #ff3333;
}

.itemcheckstate_three{
  background-color: #ff3333;
}

.itemcheckstate_four{
  background-color: #5555ff;
}

.itemcheckbtn{
  float: right;
  margin: 20px 12px 0px 0px;
  padding: 0px;
}

.itemcheckbtn a{
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 4px 0px;
}

.itemcheckbtn span{
  margin: 0px 0px 0px 0px;
  padding: 16px 6px 16px 6px;
  font-size: 12px;
}

.textbox-kiyaku-relate{
  padding: 5px 20px 0 20px;
  position: relative;
  overflow: hidden;
  height:auto;
  font-size:12px;
  font-weight:normal;
}

.textleft2 {
  margin:-30px 20px -5px 20px;
  text-align:left;
  text-decoration:none;
  font-size:12px;
  color:#4C4C4C;
  text-shadow:#FFF 0 1px 0;
}

.btn4{
  text-align:center;
  margin:10px 0 -5px 0;
  padding:10px 0 0 0;
  width:auto;
  text-decoration:none;
  clear:both;
}

.btn4 a{
  text-align:center;
  padding:0;
  width:auto;
  text-decoration:none;
  min-height:38px;
}

.btn4 span {
  text-decoration:none;
  font-size:17px;
  color:#000;
  font-weight:bold;
  padding:10px 30px;
  border:1px solid #F9DC31;

  /* Button Dimension */
  border-style:solid;
  border-width:1px 2px 2px 1px;
  border-color:#dddddd #888888 #888888 #dddddd;
  /* /Button Dimension */

  /* MultiBrowser */
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;

  /* MultiBrowser */
  /* Other */
  background-color:#F9DC31;
  /*　Safari・Chrome　*/
  background:-webkit-gradient(linear,left top,left bottom,from(#FDE43A),to(#F9DC31));
  /*　Firefox　*/
  background: -moz-linear-gradient(top, #FDE43A, #F9DC31);
  /*　IE6・7　*/
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDE43A', endColorstr='#F9DC31');
  /*　IE8　*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDE43A', endColorstr='#F9DC31')";

}

.logotb {
  border:0px;
  width:100%;
  padding:0px 10px 0px 0px;
  margin-bottom:-30px;
}

.logotb #loginrgtd {
  text-align:right;
  vertical-align:top;  
}

.logotb #loginlftd {
  text-align:left;
  width:180px;
}

.logotb .sitename {
  padding:0;
  color:#4c4c4c;
  font-size:12px;
  font-weight:100;
}

img.logo2 {
  width: 115px;
  height: 38px;
  margin:0 3px 15px 3px;
}

.fieldsetbottom {
  padding-bottom:0px;
}

.logotb2 {
  margin-bottom:-15px;
  padding-left:10px;
}

.logo_site_url {
    background-color: #FFFFFF;
    padding: 4px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius:10px;
    margin:10px 3px 1px 3px;
}


.logo_site_url_login {
    background-color: #FFFFFF;
    padding: 0px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius:10px;
    margin:0px 3px 1px 3px;
}

.auloginlink {
    text-align:center;
    margin:15px 0 0 0;
    text-decoration:none;
}

.onlyauloginfieldset{
    visibility:hidden;
    height:0px;
    padding:0;
    margin:-6px;
}

.onlyaulogininfo{
    font-size:12px;
    padding:0px 20px 0px 10px;
}

.onlyauloginsitename{
    font-size:14px;
    font-weight:bold;
    color:#000000;
}
.textlabel {
  margin:5px 5px 0 5px;
  text-align:left;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
  color:#4C4C4C;
  text-shadow:#FFF 0 1px 0;
}